﻿<UserControl x:Class="ESRI.ArcGIS.Client.Toolkit.Magnifier"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"            
 	xmlns:esri="clr-namespace:ESRI.ArcGIS.Client;assembly=ESRI.ArcGIS.Client"
    x:Name="Root"
  >
	<Canvas x:Name="LayoutRoot">
		
		<Canvas x:Name="magGlass" Width="297.967" Height="413.95" Canvas.Left="-15" Canvas.Top="-15" RenderTransformOrigin="0.5,0.5" IsHitTestVisible="False">
			<Canvas.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
					<SkewTransform AngleX="0" AngleY="0"/>
					<RotateTransform Angle="0"/>
					<TranslateTransform X="0" Y="0"/>
				</TransformGroup>
			</Canvas.RenderTransform>
			<!--<Image Opacity="0.25" x:Name="shadow" Width="268" Height="400" Canvas.Left="30" Canvas.Top="14" Source="/ESRI.ArcGIS.Client.Toolkit;component/images/magglass_shadow.PNG" Stretch="Fill"/>
			<Image Width="262" Height="395" Source="/ESRI.ArcGIS.Client.Toolkit;component/images/magglass.PNG" Stretch="Fill" x:Name="body"/>-->

			<Canvas x:Name="Shadow" Opacity="0.1" Width="257" Canvas.Left="50" Canvas.Top="20" HorizontalAlignment="Left">
				<Ellipse Height="179.667" Width="182" Stroke="#FF000000" StrokeThickness="9"/>
				<Path Height="229" Width="138.167" Opacity="1" Canvas.Left="119.25" Canvas.Top="159.252" Fill="#FF000000" Stretch="Fill" StrokeThickness="0" Data="M536.03333,399.94589 L541.6333,400.15546 L549.10852,399.05661 L555.60852,394.87805 L561.01782,389.28665 L488.43359,248.61879 L481.11057,242.9754 L478.52597,238.79509 L479.17212,234.40579 L476.15677,230.85254 L472.49524,228.76239 L461.97614,208.69695 L442.0799,218.17229 L449.14578,230.41492 L453.59598,238.07896 L452.98373,241.79099 L453.86618,244.80962 L455.42276,246.52866 L458.50739,247.78275 L462.16592,250.63928 L462.66806,254.81958 L462.02246,258.02448 L462.30939,261.92609 z"/>
			</Canvas>
			<Canvas x:Name="bigScene" Width="300" Height="300" Background="#FF606060" Canvas.Left="6" Canvas.Top="5" RenderTransformOrigin="0.5,0.5" IsHitTestVisible="False">
			<Canvas.Clip>
				<PathGeometry>
					<PathFigure IsClosed="True" x:Name="start" StartPoint="170,84">
						<BezierSegment x:Name="clip1" Point1="170,132" Point2="132,170" Point3="84,170"/>
						<BezierSegment x:Name="clip2" Point1="38,170" Point2="0,132" Point3="0,84"/>
						<BezierSegment x:Name="clip3" Point1="0,19" Point2="38,0" Point3="84,0"/>
						<BezierSegment x:Name="clip4" Point1="132,0" Point2="170,38" Point3="170,84"/>
					</PathFigure>
				</PathGeometry>
			</Canvas.Clip>
			<Canvas.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
					<SkewTransform AngleX="0" AngleY="0"/>
					<RotateTransform Angle="0"/>
					<TranslateTransform X="0" Y="0"/>
				</TransformGroup>
			</Canvas.RenderTransform>
			<esri:Map x:Name="bigMap" TimeExtent="{Binding ElementName=Root, Path=Map.TimeExtent}" IsLogoVisible="false" ZoomDuration="0:00:00" Width="300" Height="300" />
		</Canvas>
			<Canvas HorizontalAlignment="Left" x:Name="Body" Width="255.5">
				<Canvas Height="224" x:Name="Handle" Width="132.754" Canvas.Left="122.5" Canvas.Top="162.45">
					<Path Height="53" Width="45" RenderTransformOrigin="0.5,0.5" Stretch="Fill" Data="M131,180.75 L131.25,182.5 L133.6875,199.78125 L134.72585,206.26918 L135.16054,211.79834 L135.77238,216.20384 L141.37994,206.91832 L140.67223,203.54176 L139.25677,197.63278 L135.65918,172.51964 L133.88988,173.77975 L132.12057,176.51001 L131,180.7276">
						<Path.Fill>
							<LinearGradientBrush  StartPoint="0,.25" EndPoint="0.55,0">
								<GradientStop Color="#FF8F8F8F" Offset="0.045"/>
								<GradientStop Color="#FFFFE99C" Offset="0.879"/>
								<GradientStop Color="#FFBBA78B" Offset="0.125"/>
								<GradientStop Color="#FF282828" Offset="0.357"/>
								<GradientStop Color="#FF1C1C1C" Offset="0.54"/>
								<GradientStop Color="#FFBBA78B" Offset="0.308"/>
								<GradientStop Color="#FFF7F7F7" Offset="0.603"/>
								<GradientStop Color="#FFB7B198" Offset="0.772"/>
								<GradientStop Color="#FFEBEBEB" Offset="0.723"/>
							</LinearGradientBrush>
						</Path.Fill>
						<Path.RenderTransform>
							<TransformGroup>
								<ScaleTransform/>
								<SkewTransform/>
								<RotateTransform/>
								<TranslateTransform X="0" Y="0"/>
							</TransformGroup>
						</Path.RenderTransform>
					</Path>
					<Path Height="16" Width="28.375" Fill="#FF1E1E1E" Stretch="Fill" Data="M150.17039,221.87361 L148.89188,225.63805 L154.51208,224.49837 L167.15938,217.55469 L174.56927,212.24489 L172.31151,210.23991 z" Canvas.Left="18.526" Canvas.Top="40.688"/>
					<Path Width="114" RenderTransformOrigin="0.5,0.5" Stretch="Fill" Data="M235.57603,392.88202 L243.30939,391.64069 L252.13193,388.16666 L258.52661,384.19263 L261.89435,379.97177 L176.52055,213.13606 L172.43779,215.62045 L166.47488,218.59795 L159.86414,221.57716 L154.14891,224.26793 L148.13939,227.39902 z" Height="181" Canvas.Left="18.754" Canvas.Top="42.5">
						<Path.Fill>
							<LinearGradientBrush  StartPoint="0,0.1" EndPoint="0.316,0" MappingMode="RelativeToBoundingBox" >
								<GradientStop Color="#FF1A1A1A" Offset="0"/>
								<GradientStop Color="#FF000000" Offset="0.384"/>
								<GradientStop Color="#FF000000" Offset="0.558"/>
								<GradientStop Color="#FFB5B5B5" Offset="0.594"/>
								<GradientStop Color="#FE181818" Offset="0.737"/>
								<GradientStop Color="#FFB3B3B3" Offset="0.701"/>
								<GradientStop Color="#FF1A1A1A" Offset="0.299"/>
								<GradientStop Color="#FF000000" Offset="1"/>
								<GradientStop Color="#FF828282" Offset="0.6470000147819519"/>
							</LinearGradientBrush>
						</Path.Fill>
						<Path.RenderTransform>
							<TransformGroup>
								<ScaleTransform/>
								<SkewTransform/>
								<RotateTransform/>
								<TranslateTransform X="0" Y="0"/>
							</TransformGroup>
						</Path.RenderTransform>
					</Path>
					<Path Height="22" Width="29" RenderTransformOrigin="0.5,0.5" Stretch="Fill" Data="M140.5,204.33333 L143,211.66666 L146.33333,210.09523 L159.80554,200.66666 L164.28218,198.66666 L161.16785,191.16666 L153.24046,195.55951 L146.16243,199.95238 z" Canvas.Left="9.5" Canvas.Top="20.333">
						<Path.Fill>
							<LinearGradientBrush  StartPoint="0,.5" EndPoint="0.8,0">
								<GradientStop Color="#FFBBB295" Offset="0.045"/>
								<GradientStop Color="#FFE8E8E8" Offset="1"/>
								<GradientStop Color="#FFBBA78B" Offset="0.125"/>
								<GradientStop Color="#FFBBA78B" Offset="0.308"/>
								<GradientStop Color="#FFF7F7F7" Offset="0.603"/>
								<GradientStop Color="#FFB7B198" Offset="0.835"/>
								<GradientStop Color="#FFEBEBEB" Offset="0.723"/>
							</LinearGradientBrush>
						</Path.Fill>
						<Path.RenderTransform>
							<TransformGroup>
								<ScaleTransform/>
								<SkewTransform/>
								<RotateTransform/>
								<TranslateTransform X="0" Y="0"/>
							</TransformGroup>
						</Path.RenderTransform>
					</Path>
				</Canvas>
				<Canvas Height="182.95" x:Name="MagnifyingGlass" Width="237">
					<Ellipse Height="131.833" x:Name="GlassShadow" Width="132.5" Canvas.Left="104" Canvas.Top="50.95" Fill="#FF979797" Stroke="#FF000000">
						<Ellipse.OpacityMask>
							<RadialGradientBrush>
								<GradientStop Color="#DFFFFFFF" Offset="0"/>
								<GradientStop Color="#00FFFFFF" Offset="1"/>
								<GradientStop Color="#34FFFFFF" Offset="0.754"/>
								<GradientStop Color="#BAFEFEFE" Offset="0.295"/>
							</RadialGradientBrush>
						</Ellipse.OpacityMask>
					</Ellipse>
					<Ellipse Height="163" Width="167.5" Fill="#FF000000" x:Name="Glass" Canvas.Left="6" Canvas.Top="5.95">
						<Ellipse.OpacityMask>
							<RadialGradientBrush>
								<GradientStop Color="#00000000"/>
								<GradientStop Color="#91FFFFFF" Offset="1"/>
								<GradientStop Color="#00939393" Offset="0.817"/>
								<GradientStop Color="#51A9A9A9" Offset="0.897"/>
							</RadialGradientBrush>
						</Ellipse.OpacityMask>
					</Ellipse>
					<Ellipse Height="161.759" x:Name="GlassReflection1" Width="166.667" Canvas.Left="7.333" Canvas.Top="7.191">
						<Ellipse.Fill>
							<LinearGradientBrush EndPoint="0,0" StartPoint="1,1">
								<GradientStop Color="#00FFFFFF" Offset="0"/>
								<GradientStop Color="#26FFFFFF" Offset="1"/>
								<GradientStop Color="#00FFFFFF" Offset="0.482"/>
								<GradientStop Color="#26FFFFFF" Offset="0.571"/>
							</LinearGradientBrush>
						</Ellipse.Fill>
					</Ellipse>
					<Path Height="112" x:Name="GlassReflection2" Width="128.333" Canvas.Left="7.333" Canvas.Top="7.191" Stretch="Fill" Data="M21.458117,117.81948 L29.381794,103.59668 L44.898998,86.337547 L61.736816,70.356873 L79.486984,57.859978 L96.279106,48.143734 L112.27974,40.12936 L127.1156,34.38866 L137.40096,29.908998 L140.79938,28.668789 L132.19373,24.210224 L121.60213,19.77323 L110.67956,17.39081 L98.764023,16.566971 L86.186516,16.969019 L74.436478,19.040537 L63.182915,22.546183 L52.094849,27.963999 L41.006779,35.77203 L31.573648,45.173534 L23.157152,56.73288 L17.506697,68.278931 L14.359819,81.664124 L13.36936,95.368011 L15.35028,109.54994 L17.3312,117.83601 L19.642273,123.57253 z">
						<Path.Fill>
							<LinearGradientBrush EndPoint="0,0" StartPoint="0.5,0.7">
								<GradientStop Color="#1EFFFFFF" Offset="0.192"/>
								<GradientStop Color="#A1FFFFFF" Offset="1"/>
								<GradientStop Color="#9EFFFFFF" Offset="0.491"/>
							</LinearGradientBrush>
						</Path.Fill>
					</Path>
					<Ellipse Height="174.949" Width="179.333" Stroke="#FF5B5531" StrokeThickness="6" RenderTransformOrigin="0.5,0.5">
						<Ellipse.RenderTransform>
							<TransformGroup>
								<ScaleTransform/>
								<SkewTransform/>
								<RotateTransform/>
								<TranslateTransform X="2" Y="1"/>
							</TransformGroup>
						</Ellipse.RenderTransform>
					</Ellipse>
					<Ellipse Height="174.949" Width="179.333" Stroke="#FF000000" StrokeThickness="6" />
				</Canvas>
			</Canvas>

		</Canvas>
		<Path x:Name="magnifyArea" Width="802" Height="604" Fill="#00000000" Stretch="Fill" Canvas.Left="-1" Canvas.Top="-1" Data="M1.5202086,-0.38218391 L-0.47718381,602.46073 302.12777,600.46456 324.01043,527.0249 476.98435,527.0249 499.86962,599.46648 800.47717,601.46264 800.47718,-0.38218391 z"/>

	</Canvas>
</UserControl>
